﻿
div.commentAutor {
    font-size: smaller;
    color: Gray;
}

div.comment {
    color: Black;
    font-size: 13px;
    font-family: Arial, sans-serif;
    line-height: 140%;
}

.Warning {
    background-color: #FFFFBF;
    font-size: 12px;
    line-height: 1.5em;
    padding-left: 5px;
    color: Black;
}

.Critical {
    background-color: #FFBFBF;
    font-size: 12px;
    line-height: 1.5em;
    padding-left: 5px;
    color: Black;
}

.Information {
    background-color: #BFBFFF;
    font-size: 12px;
    line-height: 1.5em;
    padding-left: 5px;
    color: Black;
}

    .Warning > td, .Critical > td, .Information > td {
        border-style: outset;
        border-color: #C0C0C0;
        border-width: 1px;
    }

ul.as {
    list-style: none;
    padding: 0px;
}

    ul.as > li {
        font-weight: bold;
        padding: 0px;
    }

        ul.as > li > label {
            font-weight: normal;
            color: Gray;
        }


td.CellGroupHeroes {
    vertical-align: top;
    width: 250px;
    height: 300px;
}

h2 {
    border-bottom: solid 1px black;
    max-width: 700px;
}

.info {
    font-size: 10px;
    color: Gray;
    margin-top: 5px;
}

a.NonUnderLineLink:link {
    text-decoration: none;
    color: #FC9605;
}

a.SubMenuLink:link {
    margin-left: 10px;
}

.BonusCaption {
    color: Gray;
}

.BonusValue {
    font-weight: bold;
}

A IMG {
    border: none;
}


/* TAB MENU   
----------------------------------------------------------*/
ul.submenu {
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left;
    line-height: 50px;
}

    ul.submenu li {
        display: inline;
        list-style: none;
        white-space: nowrap;
    }

        ul.submenu li#greeting {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul.submenu li a {
            border: 1px solid #C0C0C0;
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            background-color: #ffd700;
            color: black;
        }

        ul.submenu li.main a {
            border: 1px dashed black;
            margin-right: 20px;
        }

        ul.submenu li a:hover {
            background-color: #fff;
            text-decoration: none;
        }

        ul.submenu li a:active {
            background-color: #a6e2a6;
            text-decoration: none;
        }

        ul.submenu li.selected a {
            background-color: #fff;
            color: #000;
        }


.pageNumber {
    font-size: large;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}

.normalImage {
    max-width: 500px;
    max-height: 400px;
}

.skillTable {
    border-collapse: collapse;
    border: 1px solid #000000;
}

    .skillTable td {
        border: 1px solid #000000;
    }

.authorText {
    margin-left: 20px;
    padding-left: 5px;
    border-left: solid 1px gray;
    font-size: small;
}

input[type=submit], input[type=button] {
    padding: 5px 10px;
    background: #EAECEA;
    color: #222;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #aaa;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

    input[type=submit]:hover, input[type=button]:hover {
        background: #dddddd;
        border: solid 1px #999;
        text-decoration: none;
    }

    input[type=submit]:active, input[type=button]:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #a9a9a9;
        border: solid 1px #777;
    }


.spoiler {    
    margin: 5px;
    width: 90%;  
}

.spoilerLegend {
    font-size: small;
    color:gray;
}

.spoilerLink {
    background-color: #ffd700;
    text-align:center;
    color:black;
    font-weight:bolder;
    height:30px;
    line-height:30px;
    padding:15px;
    margin:5px;
    border:1px solid #c0c0c0;
     text-decoration: none;
}

    .spoilerLink:active,  .spoilerLink:visited, .spoilerLink:link {
        text-decoration: none;
        color: black;
    }

    .spoilerLink:hover {
         text-decoration: none;
        color: black;
        background-color: white;
    }


.shop {
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    position:absolute;
}

    .shop:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        cursor: pointer;
    }



 /* --------------------------------------------------------- */
    .tabs {
        list-style: none;
        margin: 0px 0px;
        /*width: 660px;*/
    }

        .tabs li {
            /* Делаем горизонтальную строку */
            float: left;
            /* Теперь круги и квадраты могут быть абсолютно позиционированы внутри */
            position: relative;
        }

        .tabs a {
            /* Делаем ссылки блочными и необходимой ширины */
            float: left;
            padding: 10px 40px;
            text-decoration: none;
            /* Цвета по умолчанию */
            color: black;
            background: #ddc385;
            /* Закругляем верхние углы */
            -webkit-border-top-left-radius: 15px;
            -webkit-border-top-right-radius: 15px;
            -moz-border-radius-topleft: 15px;
            -moz-border-radius-topright: 15px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .tabs .active {
            /* Активная закладка находится сверху */
            z-index: 3;
        }

            .tabs .active a {
                /* Цвет активной закладки */
                background: white;
                color: black;
            }

        .tabs li:before, .tabs li:after,
        .tabs li a:before, .tabs li a:after {
            /* Все круги и квадраты абсолютно позиционируются и находятся внизу */
            position: absolute;
            bottom: 0;
        }
        /* элементы для первой и последней закладок */
        .tabs li:last-child:after, .tabs li:last-child a:after,
        .tabs li:first-child:before, .tabs li:first-child a:before,
        .tabs .active:after, .tabs .active:before,
        .tabs .active a:after, .tabs .active a:before {
            content: "";
        }

        .tabs .active:before, .tabs .active:after {
            background: white;
            /* Квадраты позади кругов */
            z-index: 1;
        }
        /* Квадраты */
        .tabs li:before, .tabs li:after {
            background: #ddc385;
            width: 10px;
            height: 10px;
        }

        .tabs li:before {
            left: -10px;
        }

        .tabs li:after {
            right: -10px;
        }
        /* Круги */
        .tabs li a:after, .tabs li a:before {
            width: 20px;
            height: 20px;
            /* Делаем круги */
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: black;
            /* Круги поверх квадратов */
            z-index: 2;
        }

        .tabs .active a:after, .tabs .active a:before {
            background: #ddc385;
        }
        /* Первая и последняя закладки имеют разные внешние цвета */
        .tabs li:first-child.active a:before,
        .tabs li:last-child.active a:after {
            background: black;
        }

        .tabs li a:before {
            left: -20px;
        }

        .tabs li a:after {
            right: -20px;
        }


    .group:before,
    .group:after {
        content: "";
        display: table;
    }

    .group:after {
        clear: both;
    }

    .group {
        zoom: 1;
    }